.el-table__header-wrapper,
.el-table__fixed-header-wrapper {
  table {
    thead {
      tr {
        th {
          background: #f4f7f9 !important;
          div {
            font-size: 14px;
            font-family: PingFangSC-Medium, PingFang SC;
            color: #000000;
            font-weight: bold;
          }
        }
      }
    }
  }
}

.el-table td.el-table__cell {
  border: 0;
  margin: 0;
}
.el-table {
  border-radius: 6px;
  border: 1px solid #eeeeee;
  border-collapse: collapse;
  border-spacing: 0;
  padding: 0;
  .hover-row {
    // background: #f3f5ff !important;
  }
  td {
    padding: 5px !important;
    font-weight: 400;
    color: #4a4a4a;
  }
}

.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  background: #f4f7f9 !important;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #677df4 !important;
}

.el-pager li.active {
  width: 30px;
  height: 30px;
  background: #f3f5ff;
  border-radius: 4px;
  color: #fff;
  border: 1px solid #677df4 !important;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #677df4;
}

.el-pager li {
  width: 30px;
  height: 30px;
  background: #ffffff;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  border: 1px solid #d5d5d5 !important;
  margin-right: 12px;
  &:last-child {
    margin-right: 0;
  }
  &:hover {
    color: #4a4a4a;
  }
}

.el-form-item__label {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #4a4a4a !important;
  // line-height: 17px !important;
}

.el-button--text {
  color: #677df4 !important;
  &:hover {
    color: #677df4 !important;
  }
}

.cus-tabs {
  .el-tabs__header {
    border-bottom: 0;
    .el-tabs__nav-wrap {
      .el-tabs__nav-scroll {
        .el-tabs__nav {
          border: 0;
          background: #f4f7f9;
          border-radius: 4px;
          padding: 4px;
          .el-tabs__item {
            font-size: 14px !important;
            font-weight: 400 !important;
            color: #4a4a4a !important;
            border-left: 0;
            padding: 8px 16px;
            line-height: 16px !important;
            height: 32px !important;
          }
          .is-active {
            background: #ffffff !important;
            color: #677df4 !important;
            border-radius: 4px;
          }
        }
      }
    }
  }
}

.cus-tabs__second {
  .el-tabs__header {
    border-bottom: 0;
    .el-tabs__nav-wrap {
      .el-tabs__nav-scroll {
        .el-tabs__nav {
          border: 0;
          background: #f4f7f9;
          border-radius: 0px;
          padding: 4px;
          .el-tabs__item {
            font-size: 12px !important;
            font-weight: 400 !important;
            color: #4a4a4a !important;
            border-left: 0;
            padding: 6px 14px;
            line-height: 14px !important;
            height: 28px !important;
            border-radius: 0px;
          }
          .is-active {
            background: #f4f7f9 !important;
            color: #677df4 !important;
            //border-radius: 4px;
            border-radius: 0px;
            border-bottom: 1px solid #677df4;
          }
        }
      }
    }
  }
}

.el-switch.is-checked .el-switch__core {
  border-color: #677df4;
  background-color: #677df4;
}

.el-popover {
  min-width: 270px;
  .el-popconfirm__action {
    padding-top: 12px;
  }
}

.el-dialog__body {
  padding: 18px !important;
}
.el-dialog__header {
  padding: 18px 18px 0px 18px !important;
}

.el-upload__tip {
  color: #979797;
}

.vue-treeselect--disabled .vue-treeselect__control {
  background-color: #f9fafb !important;
  border-color: #eee !important;
  color: #c6cad2 !important;
}

.vue-treeselect--disabled .vue-treeselect__single-value{
  color: #c6cad2 !important;
}